import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import top from './components/01.top.vue'
import index from './components/02.index.vue'
import discovery from './components/03.discovery.vue'
import playlist from './components/04.playlist.vue'
import songs from './components/05.songs.vue'
import mvs from './components/06.mvs.vue'

Vue.config.productionTip = false

Vue.use(VueRouter)
const router = new VueRouter({
  routes: [
    {
      path: '/top',
      name: 'top',
      component: top
    },
    {
      path: '/index',
      name: 'index',
      component: index
    },
    {
      path: '/discovery',
      name: 'discovery',
      component: discovery
    },
    {
      path: '/playlist',
      name: 'playlist',
      component: playlist
    },
    {
      path: '/songs',
      name: 'songs',
      component: songs
    },
    {
      path: '/mvs',
      name: 'mvs',
      component: mvs
    }
  ]
})

new Vue({
  render: h => h(App),
  router
}).$mount('app')
